import {createApp} from "vue";
import {createPinia} from "pinia";
import App from "./App.vue";
import router from "./router/index.js";
import 'element-plus/theme-chalk/el-loading.css';
import 'element-plus/theme-chalk/el-message.css';
import 'element-plus/theme-chalk/el-message-box.css';
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import svgIcon from "@/components/SvgIcon/index.vue";
import "virtual:svg-icons-register";
import "@/styles/index.less";
import drag from "./utils/drag/drag.js";

// swiper 样式
import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'

import "./utils/globaExports/index";

const app = createApp(App);

app.use(ElementPlus, {
    locale: zhCn
})
    .use(createPinia())
    .use(router).component("svg-icon", svgIcon)
    .use(drag)
    .mount("#app");

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}


